<html xmlns="http://www.w3.org/1999/xhtml" />
<meta charset="UTF-8">

<head>
    <style>
        body,
        html {
            background-color: #ffffff;
            color: #000000;
            margin: 0px;
            height: 100%;
            width: 100%;
            overflow-x: hidden;
            overflow-y: hidden;
            font-family: Arial;
            font-weight: bold;
        }
    </style>
    <script src=https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.4.1/lottie.js type="text/javascript"></script>
</head>

<body>

<div class="position">
    <div class="title">CONTENT</div>
    <div class="bodymovin" id="content"></div>
</div>

    <script>
        var content = {
            container: document.getElementById('content'),
            renderer: 'svg',
            loop: true,
            autoplay: true,
            rendererSettings: {
                progressiveLoad: false
            },
            path: 'content.json'
        };

        var anim = bodymovin.loadAnimation(content);
    </script>


</body>

</html>
